<!DOCTYPE html>
<html lang="zh-CH">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐乐心灵氧吧</title>
    <!-- 引用favicon图标 -->
    <link rel="shortcut icon" href="images/favicon.ico">
    <!-- 引用基本样式 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引用页面公用样式 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引用本页面的样式 -->
    <link rel="stylesheet" href="css/happy.css">
    <!-- 引用阿里的图标库 -->
    <link rel="stylesheet" href="fonts/iconfont.css">
    <!-- 右侧固定导航栏的页面跟随 -->
    <script src='js/fixed.js'></script>
</head>

<body>
    <!-- 最顶部模块 -->
    <section class="top">
        <div class="w">
            <p class="fl">您好，欢迎来到乐乐心灵氧吧！</p>
            <ul class="fr">
                <li><a href="#">收藏</a></li>
                <li><a href="#">微信公众号</a></li>
                <li>
                    <a href="https://map.baidu.com/@13739823.969902188,5121024.355707711,17.56z" target="_blank">
                    一键导航
                    </a>
                </li>
            </ul>
        </div>
    </section>
    <!-- 头部模块 -->
    <header class="header w">
        <div class="fl logo">
            <h1><a href="index.html" title="乐乐心灵氧吧">乐乐心灵氧吧</a></h1>
        </div>
        <div class="fr hright">
            <h4 class="iconfont iconkefu"> 咨询热线</h4>
            <i class="iconfont iconEnd-Call"> </i>
            <span>1234567890</span>
        </div>
    </header>
    <!-- 菜单导航 -->
    <nav class="nav">
        <div class="w">
            <ul>
                <li><a href="index.html">网站首页</a></li>
                <li><a href="test.html">心理测评</a></li>
                <li><a href="ency.html">心理百科</a></li>
                <li class="page1"><a href="happy.html" class="page2">开心一刻</a></li>
                <li><a href="game.html">减压游戏</a></li>
                <li><a href="register.html">用户中心</a></li>
                <li><a href="relation.html">联系我们</a></li>
            </ul>
        </div>
    </nav>

    <!--横幅 -->
    <div class="banner">
        <img src="images/back.jpg" alt="没有找到图片">
    </div>

    <!-- 主体部分 -->
    <div class="main w clearfix">
        <!-- 快捷导航部分 -->
        <div class="flnav fl">
            <div class="recommend fl iconfont">
                <h2 class="navtitle">为您推荐</h2>
                <ul>
                    <img src="images/picture/20.jpg" alt="">
                    <li><a href="#">有一天小强他哭着回家说：“妈妈 妈妈，学校同学都说我的头像风筝。” 然后妈妈就说：“怎么会呢？不会啊？来你跟我一起跑跑看。”</a></li>
                    <li><a href="#">有一只企鹅，他的家离北极熊家特别远，要是靠走的话，得走20年才能到。有一天，企鹅在家里呆着特别无聊，准备去找北极熊玩</a></li>
                    <li><a href="#">冰箱里有两根香肠，过了很久，一跟香肠抖了一下，哇！好冷啊~！另一根香肠十分惊奇地说，咦？你是香肠怎么会说话？</a></li>
                    <li><a href="#">一天，三只小猪为了躲避大灰狼的追赶，而建造了三个小屋。大灰狼不费劲的吹毁了草屋，木屋，砖屋，三只小猪们拼命的跑</a></li>
                    <li><a href="#">有一只企鹅，他的家离北极熊家特别远，要是靠走的话，得走20年才能到。有一天，企鹅在家里呆着特别无聊，准备去找北极熊玩</a></li>
                </ul>
            </div>

            <div class="navigation fl iconfont">
                <h2 class="navtitle">快捷导航</h2>
                <ul>
                    <li><a href="#"><i class="iconceshi"></i><p>心理测评</p></a></li>
                    <li><a href="#"><i class="iconjiankangbaike"></i><p>心理百科</p></a></li>
                    <li><a href="#"><i class="icondiantai"></i><p>心灵电台</p></a></li>
                    <li><a href="#"><i class="iconyouxi"></i><p>减压游戏</p></a></li>
                    <li><a href="#"><i class="iconkaixin2"></i><p>开心一刻</p></a></li>
                    <li><a href="#"><i class="iconzhinanzhen"></i><p>网站指南</p></a></li>
                    <li><a href="#"><i class="iconfuwu-active"></i><p>用户服务</p></a></li>
                    <li><a href="#"><i class="iconpingjia"></i><p>评价建议</p></a></li>
                    <li><a href="#"><i class="iconluxian"></i><p>乘车路线</p></a></li>
                </ul>
            </div>
            <div class="music fl iconfont">
                <h2 class="iconyinyue"> 心灵电台</h2>
                <h3>
                    <audio src="images/music.mp3" controls="controls" loop="loop">您的浏览器不支持 audio 标签。</audio>
                </h3>
            </div>


        </div>


        <!-- 文本区域 -->
        <div class="happy fr">
            <div class="title">
                <h2 class="fr">开心一刻</h2>
                <a href="#" class="fl">查看更多&gt;&gt;</a>
            </div>
            <div class="happy_text">
                <img src="images/picture/16.jpg" alt="" class="fr"> 原来有一个经理，每次见到总裁都会尿裤子，这弄的大家都很尴尬，于是，总裁就推荐这个经理去看一个自己比较熟的精神科的大夫。在一系列检查过后，这位精神科大夫告诉这个经理，说经理，你的一系列的泌尿神经都是正常的。于是这个神经科医生就推荐这个经理去看心理医生。过了一段时间，这个经理又去见总裁了，这一次，这个经理又尿了。总裁很疑惑的问他，你不是已经去看过心理医生了吗？怎么还是这样？这个经理说，是啊，我是去看过心理医生了，我现在感觉已经不尴尬了。
            </div>
            <div class="happy_text">
                <p>有一天，很多的心理医生一起出来旅游了，走着走着，突然看见前方一大堆黄沙，黄沙漫漫，就在这时，一群的饿狗冲了上来，当然，要是普通的人遇到这种场景，早就吓的趴地上了。然而，这是一群心理医生。</p>
                <p>只听见其中一个医生说:“都停，快，给我那一根电棒来！”众狗愣。</p>
                <img src="images/picture/5.jpg" alt="" class="fr">
                <p>紧接着，又有一个心理医生说到:“你们看着我的眼睛(对着一群狗说的)，对就是这样，不要害怕，慢慢来，看着我的眼睛，接下来跟我说，汪汪汪。很好很好，注意你们嘴部要放松，慢慢来。”众狗昏昏欲睡。</p>
                <p>接着又走过来一个医生，他说:“看来你们已经放松了下来，接下来，你们想象一个场景，这里有十个人，请你们把这是个人按照你们想吃的顺序排列一下。”众狗在不断思考。</p>
                <p>这时，有一个医生站出来说:“你们想吃人，这其实不是你们的真是想法，其实你们是善良的，你们只是家庭内部出现了问题，狗老大，你说是不是，狗老二，你来说，我说的对不对。”众狗都留下了眼泪。</p>
                <p>最后，一位年长的心理医生走了出来，说:“狗朋友们，你们想想，你们要是把我们咬死了，那怎么分配我们的肉呢，你们会产生争执，会打起来的，你们就会受伤，不如你们现在就转身离开，去找一个山清水秀的地方生活吧。”众狗离开。</p>
            </div>
            <div class="happy_text">
                <img src="images/picture/19.jpg" alt="" class="fl">
                <P> 从前有个人钓鱼，钓到了只鱿鱼。</P>
                <P> 鱿鱼求他：你放了我吧，别把我烤来吃啊。</P>
                <P> 那个人说：好的，那么我来考问你几个问题吧。</P>
                <P> 鱿鱼很开心说：你考吧你考吧！</P>
                <P> 然后这人就把鱿鱼给烤了..</P>
            </div>

        </div>
    </div>

    <!-- 底部页面 -->
    <footer>
        <div class="w">
            <div class="ftop">
                <!-- 左侧logo -->
                <div class="flogo fl">
                    <h1>logo</h1>
                    <h2>title</h2>
                </div>
                <!-- 中间列表 -->
                <div class="fcenter fl">
                    <dl>
                        <dt>网站指南</dt>
                        <dd><a href="#">心理测试</a></dd>
                        <dd><a href="#">心理咨询</a></dd>
                        <dd><a href="#">心灵电台</a></dd>
                        <dd><a href="#">减压游戏</a></dd>
                        <dd><a href="#">开心一刻</a></dd>
                    </dl>
                    <dl>
                        <dt>友情链接</dt>
                        <dd><a href="http://www.baidu.com" target="_banlk">百度</a></dd>
                        <dd><a href="https://www.xinli001.com/" target="_banlk">壹心理</a></dd>
                        <dd><a href="https://www.jiandanxinli.com/" target="_banlk">简单心理</a></dd>
                        <dd><a href="https://activitypc.ydl.com/" target="_banlk">壹点灵</a></dd>
                    </dl>
                    <dl>
                        <dt>线下咨询</dt>
                        <dd><a href="#">路线导航</a></dd>
                        <dd><a href="#">微信公众号</a></dd>
                    </dl>
                    <dl>
                        <dt>联系我们</dt>
                        <dd><a href="#">座机电话</a></dd>
                        <dd><a href="#">手机号码</a></dd>
                        <dd><a href="#">在线联系</a></dd>
                        <dd><a href="#">微信号</a></dd>
                    </dl>
                </div>
                <!-- 右侧电话和二维码 -->
                <div class="fright fr">
                    <div class="phone">
                        <i class="iconfont iconphone-call fl"></i>
                        <h5>联系电话(24小时在线）</h5>
                        <h4>1234567890</h4>
                    </div>
                    <div class="code">
                        <h5></h5>
                        <span class="iconfont iconicon-test5">扫一扫进入公众号</span>
                    </div>
                </div>
            </div>
            <!-- 底部版权所有 -->
            <div class="fbottom">
                &copy;版权所有：沈阳工程学院信息学院 &emsp;&copy;版权所有：创新创业教育中心 <br>手机号：1234567890 QQ号：123456789
            </div>
        </div>
    </footer>

    <!-- 右侧导航栏 -->
    <article class="article">
        <ul>
            <li>
                <a href="#">
                    <i class="iconfont iconweixin"></i>
                    <h5>微信咨询</h5>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont iconphone-call"></i>
                    <h5>电话咨询</h5>
                </a>
            </li>
            <li>
                <a href="https://map.baidu.com/@13739823.969902188,5121024.355707711,17.56z" target="_blank">
                    <i class="iconfont iconpointer2"></i>
                    <h5>路线导航</h5>
                </a>
            </li>
            <li>
                <a href="javascript:;" class="goBack">
                    <i class="iconfont iconicon-test4"></i>
                    <h5>回到顶部</h5>
                </a>
            </li>
        </ul>
    </article>

</body>

</html>